<!DOCTYPE html>
<html>

<!--包含头部-->
{include file='head'}


<section class="rt_wrap content mCustomScrollbar">
 <div class="rt_content">
  <div class="page_title">
   <h2 class="fl">添加管理员</h2>
  </div>

  <!--添加会员的信息-->
  <ul class="ulColumn2">

   <li>
    <span class="item_name" style="width:120px;">角色名称：</span>
    <input type="text" class="textbox textbox_225"  placeholder="角色名称..." name="role" maxlength="10" value="{$roleName['title']}" dbName="{$roleName['title']}" maxlength="15"/>
    <span class="tips"></span>
   </li>

   <li>
   <li>
        <span class="item_name" style="margin-top:20px; width:120px;">角色权限：</span>
   </li>

   <li>
    <span class="item_name" style="width:120px;"></span>

    {if $authRule}
    {foreach $authRule as $rule}

    <!--<input style="margin-top:20px;" type="checkbox" name="rules[{$rule['id']}]" value="{$rule['id']}" class="chance">-->

    <input style="margin-top:20px;" type="text" class="textbox" value="{$rule['title']}" readonly/>
    <span class="item_name" style="width:120px;"></span>
    {/foreach}

   </li>

   <li>
    <span class="item_name" style="width:120px;"></span>
    <input type="button" class="link_btn" value="修改" name="btn" dbId="{$roleName['id']}"/>
    {else}
    <h1 style="padding-left:200px;color:red;">请先添加权限,再操作</h1>

    {/if}
   </li>
  </ul>
 </div>
</section>
</body>
</html>
<script>

    //提交数据
    $(function () {

        var $role = null;
        var fName = true;
        var oldName = $('[name=role]').attr('dbName');
        var $arr = [];

        //角色名称
        $('[name=role]').blur(function () {

            //清空
            delete $arr['name'];

            //取值
            $role = $(this).val().replace(/(^\s*)|(\s*$)/g, "");

            //console.log($role,oldName);
            //比对数据库
            if ($role == oldName) {

                $('.tips').eq(0).addClass('errorTips').html('角色名未修改').css('color','blue');
                fName = true;
            } else {

                //是否为空
                if ($role.length <= 0 || $role.length > 10) {

                    $('.tips').eq(0).addClass('errorTips').html('角色名称不得为空,且必须为1~10个字符(可用汉字)').css('color','red');
                    fName = false;
                    return false;
                }

                fName = true;
                $arr['name'] = $role;

                if (fName) {

                    //ajax查看角色名是否已存在
                    $.post('username',{username:$role},success,'json');
                }
            }
        });

        //按钮点击事件
        $('[name=btn]').click(function () {

            //角色名是否合法
            if (!fName) {
                $('.tips').eq(0).html('请先按要求填写角色名').css('color','red');
                return false;
            }
            var $roleId = $(this).attr('dbId');

            //console.log(fName);
            //console.log($('[type=checkbox]').length);
            //console.log(Object.keys($arr).length);
            //console.log($roleId);

            //若存在修改数据,则修改
            if (Object.keys($arr).length > 0) {

                //ajax传输
                $.post('update',{uid:$roleId, str:$role},success,'json');
            } else {

                alert('您未修改任何信息');
            }
        });

        //回调函数
        function success(data)
        {
            console.log(data);

            switch (data.state) {
                //角色名存在,不合法
                case 1:
                    fName = false;
                    $('.tips').eq(0).addClass('errorTips').html('角色名已存在').css('color','red');
                    break;
                //角色名不存在,合法
                case 2:
                    $('.tips').eq(0).addClass('errorTips').html('角色名合法').css('color','green');
                    break;

                //添加成功
                case 3:
                    alert(data.tip);
                    //重载当前页面
                    window.location.reload();
                    break;
                //添加失败
                case 4:
                    alert(data.tip);
                    //重载当前页面
                    window.location.reload();
                    break;

                //修改成功
                case 5:
                    alert(data.tip);
                    //重载当前页面
                    window.location.reload();
                    break;
                //修改失败
                case 6:
                    alert(data.tip);
                    break;
            }

        }
    });

</script>
